<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:r="http://richfaces.org">
    <ui:define name="title">
        Rdacaa
    </ui:define>    
    <ui:define name="datos">
        <center>
            <h:panelGrid id="panelDatos">
                <h:form id="formDatos">
                    <p:panel header="Medico" >
                        <h:panelGrid id="datosMed" columns="5" columnClasses="alignTop,alignTop,alignTop,alignTop,alignTop" >
                            <h:panelGrid columns="4"  >
                                <f:verbatim/>
                                <f:verbatim/>
                                <p:calendar  mode="inline"  value="#{jsfRedaca.fechaBusqueda}"   id="fecha" >
                                    <p:ajax event="dateSelect" process="@this" update="formDatos" listener="#{jsfRedaca.inicializarMedico()}"/>
                                </p:calendar>
                                <p:message for="fecha" />
                            </h:panelGrid>
                            <p:spacer width="60" height="10" />
                            <h:panelGrid columns="4"  >
                                <f:verbatim/>
                                <h:outputText value="Especialidad:" />
                                <p:selectOneMenu style="width: 240px" required="true"  label="Especialidades" id="especialidades"  converter="JsfConverterEspecialidad"  value="#{jsfRedaca.especialidad}" >                              
                                    <f:selectItem itemLabel="Seleccione ..."/>
                                    <f:selectItems value="#{jsfAgenda.selectedItemEspe}" var="item"/>
                                    <p:ajax event="change" process="@this" update="subespecialidad"/>
                                </p:selectOneMenu>
                                <p:message for="especialidades" />
                                <f:verbatim/>
                                <h:outputText value="Subespecialidad:" />
                                <p:selectOneMenu required="true" style="width: 240px" label="Subespecialidad:" id="subespecialidad"  converter="JsfConverterEspecialidad"  value="#{jsfRedaca.subEspecialidad}" >                              
                                    <f:selectItem itemLabel="Seleccione ..."/>
                                    <f:selectItems value="#{jsfRedaca.selectedItemSubespecialidad}" var="item"/>
                                    <p:ajax event="change" process="@this" update="medico"/>
                                </p:selectOneMenu>
                                <p:message for="subespecialidad" />

                                <f:verbatim/>
                                <h:outputText value="Medico:" />
                                <p:selectOneListbox required="true" style="height: 95px; width: 240px" label="Medico" id="medico"  converter="JsfConverterEspecialidadMedico" value="#{jsfRedaca.cexMedico}"  >                              
                                    <f:selectItems value="#{jsfRedaca.selectedItemMedicoTurno}" var="item"/>
                                    <p:ajax event="change" process="@this fecha" update="panelLista" listener="#{jsfRedaca.listarTurnos}"/>
                                </p:selectOneListbox> 
                                <f:verbatim/>
                                <f:verbatim/>
                                <f:verbatim/>
                                <p:message for="medico" />
                                <f:verbatim/>



                            </h:panelGrid>
                            <p:spacer width="40" height="10" />
                            <h:panelGrid columns="4"  >

                                <f:verbatim/>
                                <h:outputText value="NUMERO DE INGRESOS:" />
                                <h:outputText value="#{jsfRedaca.numredaca}" styleClass="letraTomate" style="font-size: 20px" />
                                <f:verbatim/>


                                <f:verbatim/>
                                <h:outputText value="FECHA:" />
                                <h:outputText value="#{jsfRedaca.fechaBusqueda}" id="fechCar" styleClass="letraTomate" style="font-size: 16px" >
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText>
                                <f:verbatim/>





                            </h:panelGrid>

                        </h:panelGrid>



                    </p:panel>


                    <p:scrollPanel style="width:950px"  mode="native">
                        <h:panelGrid id="panelLista">
                            <p:dataTable id="listaSimple" value="#{jsfRedaca.listaDetalle}" var="var"   emptyMessage="No se encontro registro" >
                                <f:facet  name="header">
                                    <p:commandButton   id="agrTur"  type="button"  value="Agregar turno"  title="Cargar turno">

                                    </p:commandButton>
                                    <p:overlayPanel  id="chartDaig" for="agrTur" hideEffect="fade">
                                        <h:panelGrid id="busqueda" columns="5">
                                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                                            <h:outputLabel value="Busqueda por: " />
                                            <p:selectOneMenu  label="Buscar:" id="tipo" value="#{jsfRedaca.tipoBusqueda}"   >                              
                                                <f:selectItem itemLabel="Historia clínica" itemValue="1"/>
                                                <f:selectItem itemLabel="Cédula" itemValue="2"/>
                                                <f:selectItem itemLabel="Nombres" itemValue="3"/>
                                                <f:ajax event="change" execute="@this" render="busqueda"/>
                                            </p:selectOneMenu>
                                            <p:message  for="tipo"/>
                                            <h:panelGrid rendered="#{jsfRedaca.tipoBusqueda ne 3}"  columns="3">
                                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                                <p:inputText  value="#{jsfRedaca.parametroBusqueda}" label="valor"   size="45" maxlength="15" id="valorBusqueda" />
                                                <p:message  for="valorBusqueda"/>
                                            </h:panelGrid>
                                            <h:panelGrid rendered="#{jsfRedaca.tipoBusqueda eq 3}" id="datosPop" columns="8">
                                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                                <h:outputText value="Apellido paterno:"/>
                                                <p:inputText label="Apellido paterno" id="apePPop" size="30" value="#{jsfRedaca.apellidoPbusqueda}"/>
                                                <f:verbatim/>


                                                <f:verbatim/>
                                                <h:outputText value="Apellido materno:"/>
                                                <p:inputText label="Apellido materno" id="apeMPop" size="30"  value="#{jsfRedaca.apellidoMbusqueda}"/>
                                                <f:verbatim/>

                                                <f:verbatim/>
                                                <f:verbatim/>
                                                <p:message  for="apePPop"/>
                                                <f:verbatim/>

                                                <f:verbatim/>
                                                <f:verbatim/>
                                                <p:message  for="apeMPop"/>
                                                <f:verbatim/>

                                                <f:verbatim/>
                                                <h:outputText value="Primer nombres:"/>
                                                <p:inputText label="Primer nombres" id="pNombrePop" size="30"  value="#{jsfRedaca.pnombrebusqueda}"/>
                                                <f:verbatim/>


                                                <f:verbatim/>
                                                <h:outputText value="Segundo nombre:"/>
                                                <p:inputText label="Segundo nombre" id="sNombrePop" size="30"  value="#{jsfRedaca.snombrePbusqueda}"/>
                                                <f:verbatim/>


                                                <f:verbatim/>
                                                <f:verbatim/>
                                                <p:message  for="pNombrePop"/>
                                                <f:verbatim/>

                                                <f:verbatim/>
                                                <f:verbatim/>
                                                <p:message  for="sNombrePop"/>
                                                <f:verbatim/>

                                            </h:panelGrid>

                                        </h:panelGrid>
                                        <center>
                                            <h:panelGroup id="panelBotones">
                                                <r:commandButton id="btBuscar1" execute="busqueda"  render="listaSimpleHistorias commonStatus " value="BUSCAR" action="#{jsfRedaca.buscarApellidos}"  title="Buscar">

                                                </r:commandButton>


                                            </h:panelGroup>

                                        </center>


                                        <p:dataTable id="listaSimpleHistorias" var="item"  selectionMode="single"  rowKey="#{item.chcId}" selection="#{jsfRedaca.cexHistoria}"  value="#{jsfRedaca.listaHClinica}"  rows="5" paginator="true"  
                                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                                     rowsPerPageTemplate="5,10,15"> 
                                            <f:facet name="noData">
                                                No se encontro resultados
                                            </f:facet>
                                            <p:column headerText="#" footerText="#">
                                                <h:outputText value="#{jsfRedaca.listaHClinica.indexOf(item)+1}"/>
                                            </p:column>
                                            <p:column headerText="C. Identidad" footerText="C. Identidad">
                                                <h:outputText value="#{item.chcCedula}"/>
                                            </p:column>
                                            <p:column headerText="Nombre" footerText="Nombre">
                                                <h:outputText value="#{item.chcNombreFull}"/>
                                            </p:column>

                                            <p:column headerText="Historia Clínica" footerText="Historia Clínica">
                                                <h:outputText value="#{item.chcHistoriaClinica}"/>
                                            </p:column>

                                            <p:column headerText="Historia Clínica" footerText="Historia Clínica">
                                                <h:outputText value="#{item.chcGenero eq 1 ?'MASCULINO':'FEMENINO'}"/>
                                            </p:column>


                                            <p:column  headerText="Estado" footerText="Estado">
                                                <h:outputText value="#{item.chcEstado eq 1 ? 'ACTIVO':item.chcEstado eq 2 ?'TEMPORAL':'INACTIVO'}" styleClass="#{item.chcEstado==1?'textoNegrita':item.chcEstado==1?'textoNegrita':'campo-obligatorio textoNegrita'}"/>
                                            </p:column> 


                                        </p:dataTable>

                                        <r:commandButton id="btAgregar" execute="listaSimpleHistorias"  render="panelLista commonStatus growl mensaje" value="AGREGAR TURNO" action="#{jsfRedaca.agregarTurno()}"  title="Agregar turno"/>
                                    </p:overlayPanel>
                                    <h:outputText value="Registros encontrados [#{jsfRedaca.listaDetalle.size()}]" />
                                </f:facet>



                                <p:subTable id="mod" value="#{var.cexAgendaList}"  var="item"  > 


                                    <p:columnGroup type="header">
                                        <p:row>
                                            <center>
                                                <p:column  headerText="# Turno" />
                                                <p:column  headerText="Hora" />
                                                <p:column  headerText="Cédula" />
                                                <p:column  headerText="Historia Clínica" />
                                                <p:column  headerText="Nombres" />
                                                <p:column  headerText="Telefono" />
                                                <p:column  headerText="Referencia" />
                                                <p:column  headerText="Telf/Referencia" />
                                                <p:column  headerText="Tipo" />
                                                <p:column  headerText="Seleccionar" />
                                            </center>
                                        </p:row>
                                    </p:columnGroup>
                                    <p:column headerText="Turno">
                                        <h:outputText value="#{item.cagSecuencia}"/>
                                    </p:column>
                                    <p:column headerText="Hora">
                                        <h:outputText value="#{item.cagHora}">
                                            <f:convertDateTime pattern="HH:mm"/>
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="Cédula">
                                        <h:outputText value="#{item.cexHistoriaClinica.chcCedula}"/>
                                    </p:column>
                                    <p:column headerText="His/clínica">
                                        <h:outputText value="#{item.cexHistoriaClinica.chcHistoriaClinica}"/>
                                    </p:column>
                                    <p:column headerText="Nombres"  >
                                        <h:outputText value="#{item.cexHistoriaClinica.chcNombreFull}"/>
                                    </p:column> 
                                    <p:column  headerText="Telefono">
                                        <h:outputText value="#{item.cexHistoriaClinica.chcTelefonoConv}"/>
                                    </p:column> 
                                    <p:column headerText="Referencia">
                                        <h:outputText value="#{item.cexHistoriaClinica.chcNombreReferencia}"/>
                                    </p:column>
                                    <p:column headerText="Tlf/Referencia" >
                                        <h:outputText value="#{item.cexHistoriaClinica.chcRelefonoReferencia}"/>
                                    </p:column> 
                                    <p:column headerText="Tipo" >
                                        <h:outputText value="#{item.cagTipo eq 1 ? 'MED' : 'EST'}"/>
                                    </p:column> 
                                    <p:column headerText="Acción" >
                                        <h:commandLink  value="CARGAR"  action="#{jsfRedaca.seleccionarActionPreparacion(item)}" title="Cargar turno">
                                            <f:ajax event="action" execute="@this" render="formDatos"/>
                                        </h:commandLink>



                                    </p:column>
                                </p:subTable>


                            </p:dataTable>

                        </h:panelGrid>
                    </p:scrollPanel>


                    <p:panel header="Datos paciente" >
                        <h:panelGrid columns="12"  id="datosPaciente">
                            <f:verbatim/>
                            <h:outputText value="Número de turno:" />
                            <h:outputText value="#{jsfRedaca.agenda.cagSecuencia}" />
                            <f:verbatim/>

                            <f:verbatim/>
                            <h:outputText value="Historia Clínica:" />
                            <h:outputText value="#{jsfRedaca.agenda.cexHistoriaClinica.chcHistoriaClinica}" >

                            </h:outputText>
                            <f:verbatim/>

                            <f:verbatim/>
                            <f:verbatim/>
                            <f:verbatim/>
                            <f:verbatim/>

                            <f:verbatim/>
                            <h:outputText value="Paciente:" />
                            <h:outputText value="#{jsfRedaca.agenda.cexHistoriaClinica.chcNombreFull}" />
                            <f:verbatim/>

                            <f:verbatim/>
                            <h:outputText value="Fecha de nacimiento:" />
                            <h:outputText value="#{jsfRedaca.agenda.cexHistoriaClinica.chcFechaNacimiento}" >
                                <f:convertDateTime pattern="dd/M/yyyy"/>
                            </h:outputText>
                            <f:verbatim/>

                            <f:verbatim/>
                            <f:verbatim/>
                            <f:verbatim/>
                            <f:verbatim/>


                        </h:panelGrid>

                    </p:panel>
                    <p:growl id="growl"  sticky="false" /> 
                </h:form>
            </h:panelGrid>
        </center>






    </ui:define>

</ui:composition>
